.app-shop-enquiry{
  .app-main{
    padding:0 0 16px;
    .mint-field{
      .mint-cell-title{
        width:90px;
      }
    }
  }
  .module-vin{
    .mint-field-other{
      padding-left:6px;
    }
    .button-vin-confirm{
      height: 36px;
      font-size: 16px;
    }
    .car-info{
      padding:0 12px;
    }
  }
  .button-content-submit{
    padding:24px;
    .mint-button{
      display: block;
      width: 100%;
    }
  }
  .module-select-position{
    background: #fff;
    padding:0 0 18px;
  }
  .input-text{
    position: relative;
    top: -2px;
    margin:0 6px;
    width:50px;
    padding:5px 8px;
    font-size:16px;
    border: 1px solid #ccc;
    outline: none;
    color: #333;
    text-align: center;
    border-radius: 4px;
  }
  .item-block{
    display: inline-block;
    vertical-align: middle;
    padding-right:6px;
    margin: 0;
  }
  .module-title{
    background-color:#f5f5f5;
    display: block;
    padding:14px 12px 10px;
    font-size:16px;
    &:before{
      background:#c34853;
      position: relative;
      top:-2px;
      display:inline-block;
      vertical-align: middle;
      width:2px;
      height:16px;
      content: '';
      margin-right:4px;
    }
  }
  .item-textarea{
    height:120px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    outline: 0;
    font-size: 16px;
    padding:6px 16px;
    width: 100%;
  }
  .label-brand{
    background: #ccc;
    padding:6px 12px;
    color:#fff;
    font-size: 14px;
    border-radius:6px
  }
  .check-position{
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right:10px;
  }
  .position-item{
    padding:12px 18px;
    font-size: 16px;
  }
  .type-item{
    display: inline-block;
    margin: 0 16px 0 0;
    .check-position{
      display: none;
    }
    .check-position:checked ~.label-brand{
      background:#c34853;
    }
  }
  .type-list{
    background: #fff;
    display: none;
    margin: 0;
    padding:12px 32px 0;
  }
  .type-item-details{
    display: none;
    margin: 0;
    padding:18px 0 0 24px;
    font-size: 16px;
  }
  .check-position:checked ~.type-list,.check-position:checked ~.type-item-details{
    display: block;
  }
  .car-info{
    .mint-cell-wrapper{
      background:none;
      padding:16px 0;
    }
    .mint-cell-text{
      font-size: 13px;
      color: #888;
    }
    .mint-cell-label{
      margin:10px 0 0;
      font-size: 16px;
      color: #000;
    }
    .mint-cell-allow-right:after{
      width: 10px;
      height: 10px;
    }
  }
}
.repair-order-list{
  .mint-tab-item-label{
    position: relative;
    font-size:14px;
    .count{
      position: absolute;
      top: -8px;
      right:-14px;
      display: inline-block;
      width:14px;
      height: 14px;
      border-radius:50%;
      border:1px solid #c34853;
      font-size: 10px;
      letter-spacing:-1px;
      line-height: 16px;
      color:#c34853;
    }
  }
  .count-tips{
    position: relative;
    top: -4px;
    font-size: 14px;
  }
  .mint-navbar{
    overflow-x: auto;
    overflow-y: hidden;
    .mint-tab-item{
      position: relative;
      padding:18px 0 16px;
      width:20% !important;
      min-width:20%;
      max-width:20%;
      &.is-selected{
        color:#c34853;
        border-bottom:none;
        .mint-tab-item-label{
          font-size:15px;
        }
        &:after{
          background: #c34853;
          position: absolute;
          bottom:2px;
          left: 0;
          right: 0;
          height: 2px;
          content: '';
        }
      }
      .tab-item-content{
        position: relative;
      }
    }
  }
  .mint-tab-container{
    padding:12px 12px 0;
  }
  .xunjia-list{
    //padding:52px 15px 15px;
    .item{
      background: #fff;
      padding:12px 16px 0;
      margin:0 0 16px;
      box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.05);
      border-radius:4px;
    }
    .item-header{
      position: relative;
      padding:0 0 6px;
      font-size:15px;
      color: #333;
      font-weight: bold;
      border-bottom:1px solid #eee;
    }

    .item-state{
      position: absolute;
      top: 0;
      right: 0;
    }
    .item-user-time{
      display: block;
      font-weight: normal;
      text-align: right;
    }
    .time-content{
      background:#bbb;
      display: inline-block;
      /*min-width:90px;*/
      padding:4px 6px 2px;
      color: #fff;
      font-size: 13px;
      border-radius:3px;
      &.time-content-warning{
        background:#f0ad4e;
      }
      &.time-content-danger{
        background:#c34853;
      }
    }
    .item-body{
      margin: 0;
      padding:8px 0 6px;
      font-size:14.6px;
      color: #888;
      dd{
        margin: 0 0 5px;
        line-height:19px;
      }
    }
    .item-footer{
      border-top:1px solid #ddd;
      margin:0 -16px;
      .mint-button{
        background:none;
        display: block;
        width: 100%;
        height:46px;
        border-radius:0;
        font-size: 16px;
        color:#c34853
        &:after{
          background:none;
        }
      }
    }
  }
  .item-sn{
    padding:4px 0 0;
    font-size: 13px;
    font-weight:normal;
    color: #999;
  }
  .icon-didian1{
    font-weight: bold;
    margin-right:4px;
  }
  .item-addon{
    color: #666;
  }
  .load-finish-tips{
    padding:4px 0 16px;
    font-size: 14px;
    color:#666;
    text-align: center;
    &:before{
      display: inline-block;
      vertical-align: middle;
      width:40px;
      height: 1px;
      background-color: #bbb;
      content: '';
      margin-right:6px;
    }
  }
  .module-none{

    padding:36px 0 0;
    font-size: 20px;
    text-align: center;
    color:#999;
  }
  .type-content{
    color: #c34853;
  }
  .type-show{
    line-height: 38px;
  }
}
